export  default  {
    state:{
        globalUI:{
            styleType:'blue',
            'pageHeaderHei':'73px',
        },
        blueStyle:{
            type:'blue',
            backgroundColor: '#0c142f',
            top:{
                height:'73px',
                background:'../../assets/UI/blue/page_top_bg.png'
            }
        },
        greyStyle:{
            type:'grey',
            backgroundColor: '#282a2c',
            top:{
                height:'73px',
                background:'../../assets/UI/grey/page_top_bg.png'
            }
        }
    },
    getters:{
        getCurStyle:state =>{
            let type = state.globalUI.styleType+'Style';
            let curStyle = state[type]
            let returnStyle = Object.assign({},state.globalUI,curStyle);
            return returnStyle
        }
    },
    mutations:{
        setGlobalUI(state,globalUI){
            let oldStyle = state.globalUI;
            let newStyle = Object.assign({},oldStyle,globalUI);
            state.globalUI = newStyle;
        }
    }
}